//
// @file
// Styles for Sooper Configurator and skinr
//
// @todo test this styling in popular admin themes
//

@import "compass/css3";
@import "base";

/**
 * Skinr form
 */

#skinr-ui-form {
  width:960px;
}

#skinr-ui-form fieldset fieldset {
  clear:none;
}

#edit-skinr-settings fieldset[id$="groups-layout"] .fieldset-wrapper {
  width:600px;
}

#edit-skinr-settings fieldset[id$="groups-layout"] label {
  min-height:2em;
  color:#333;
}

#edit-skinr-settings fieldset[id$="groups-layout"] .form-type-select {
  width:130px;
  height:100px;
  float:left;
  clear:none;
  color:#999;
  font-size:13px;
  padding:5px 20px 5px 0;
  border-bottom:1px solid #ccc;
  position:relative;
  padding-top:1.2em;
}

#edit-skinr-settings fieldset[id$="groups-layout"] .form-type-select select {
  width:100%;
}

#edit-skinr-settings fieldset[id$="groups-layout"] .form-type-select .description {
  width:100%;
  float:none;
  margin:5px 0;
  .media-query {
    position:absolute;
    top:0;
    left:0;
    width:600px;
    // Corrects font family set oddly in IE6, S4/5, Chrome.
    // en.wikipedia.org/wiki/User:Davidgothberg/Test59
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
  }
}